import Vue from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css'
import App from './App.vue'
import './assets/main.scss'
import Vuex from 'vuex'
import router from './router/index' //路由

const eventData = new Vue();
Vue.prototype.$eventData = eventData

//调用实例
Vue.use(Vant) //组件库
Vue.use(Vuex) //vx

//vuex 数据配置
const store = new Vuex.Store({
  state: {
    value: 666,
    currents: 'Home',
    tabbars: 1
  },
  mutations: {
    changePage(state, page) {
      state.currents = page
    },
    //控制下面的底部导航显示
    tabShow(state) {
      state.tabbars = 1
    },
    //控制下面的底部导航消失
    tabHide(state) {
      state.tabbars = 0
    }
  },
  getters: {
    page(l) {
      return l.currents

    }

  }
})



//这个是一个全局的组件
Vue.config.productionTip = false

// 全局过滤器在所有的组件中都能使用
Vue.filter('dalImg', (url) => {
  if (url) {
    if (url.startsWith('http')) {
      return url
    }
    return 'http://192.168.0.124:3002' + url
  }
  return 'http://oss.penkuoer.com/uPic/ss.jpeg'
})
//全局过滤器2 
Vue.filter('upImg',(l)=>{
    if(l){
      return 'http://localhost:3002'+l
    }
})

//这个是链接其他模块的一个关键纽扣
new Vue({
  store,
  router,
  render: (h) => h(App),
}).$mount('#app')

export default store